<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
<h2>演示如何接收请求(①如何匹配请求路径 ②如何获取请求中的数据)</h2>
<%--
 action的路径就是后端接收的路径
--%>
<form action="/show/req" method="get">
    <table>
        <tr>
            <td>用户名</td>
            <td>
                <%--前端输入框,一定要有name,后端通过name获得该输入框的值--%>
                <input type="text" name="username">
            </td>
        </tr>
        <tr>
            <td>密码</td>
            <td>
                <input type="password" name="password">
            </td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <%--单选框一定要有value,否则后端得到是on--%>
                <input type="radio" name="sex" value="1">男
                <input type="radio" name="sex" value="2">女
            </td>
        </tr>
        <tr>
            <td>技能</td>
            <td>
                <%--复选框一定要有value,否则后端得到是on--%>
                <input type="checkbox" name="skill" value="java">java
                <input type="checkbox" name="skill" value="linux">linux
                <input type="checkbox" name="skill" value="vue">vue
            </td>
        </tr>
        <tr>
            <td>邮箱</td>
            <td>
                <input type="email" name="email">
            </td>
        </tr>
        <tr>
            <td>生日</td>
            <td>
                <input type="date" name="birthday">
            </td>
        </tr>

        <tr>
            <td>学历</td>
            <td>
                <select name="edu">
                    <option value="1">大专</option>
                    <option value="2">本科</option>
                    <option value="3">研究生</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>备注</td>
            <td>
                <input type="textarea" name="beizhu">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="reset" value="重置">
                <input type="submit" value="提交">
            </td>
        </tr>
    </table>
</form>
<hr>
<h2>演示如何响应数据</h2>
<a href="/show/resp">点击发请求,后端给响应</a>
<hr>
<h2>演示登录案例</h2>
<a href="login1.html">跳转去登录...</a>
</body>
</html>
